<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="keywords"
      content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,品优购"
    />
    <meta name="description" content="品优购-专业的综合网上购物商城" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <link
      rel="shortcut icon"
      href="../images/loginhead.png"
      type="images/x-icon"
    />
    <title>
      登陆界面
    </title>
    <link rel="stylesheet" href="../style/login.css">
    <link rel="stylesheet" href="../style/reset.css">
    <link rel="stylesheet" href="../style/common.css">

  </head>
  <body>
    <!-- 头部 -->
    <div class="wrap center">
      <div class="header">
          <div class="logo">
              <a href="../index.html">
                  <img src="../images/logo.png" alt="">
              </a>
          </div>
      </div>
  </div>
  <!-- 主体 -->
  <div class="content">
    <div class="login_area wrap">
        <form class="layui-form">
            <div class="title">
                <span>账户登录</span>
            </div>
            <div class="body">
                <div class="item clearfix">
                    <label class="fl">
                      <i><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
                        <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/>
                      </svg></i>
                      
                    </label>
                    <input class="inp fl" name="account" type="text" placeholder="用户名/手机号/邮箱" lay-verify="required|name">
                </div>
                <div class="item clearfix">
                    <label class="fl">
                        <i><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-bag-dash" viewBox="0 0 16 16">
                          <path fill-rule="evenodd" d="M5.5 10a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1H6a.5.5 0 0 1-.5-.5z"/>
                          <path d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5zM2 5h12v9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V5z"/>
                        </svg></i>
                    </label>
                    <input class="inp fl" name="password" type="password" placeholder="密码" lay-verify="required|password">
                </div>
                <div class="item">
                    <input type="text" name="veriCode" id="captcha" placeholder="验证码" lay-verify="required|captcha">
                    <img id="captcha_img" src="../images/captcha.html" alt="captcha">
                </div>
                <div class="item clearfix">
                    <div class="forget_pwd">
                        <a href="#">忘记密码？</a>
                    </div>
                </div>
                <div class="item">
                    <a href="javascript:" class="login_submit" lay-submit lay-filter="login">登 &nbsp;&nbsp;&nbsp;&nbsp;录</a>
                </div>
            </div>
            <div class="open_login clearfix">
                <a href="#" class="qq">
                    <i><svg  width="16" height="16" fill="currentColor" class="bi bi-tencent-qq" viewBox="0 0 16 16">
                      <path d="M6.048 3.323c.022.277-.13.523-.338.55-.21.026-.397-.176-.419-.453-.022-.277.13-.523.338-.55.21-.026.397.176.42.453Zm2.265-.24c-.603-.146-.894.256-.936.333-.027.048-.008.117.037.15.045.035.092.025.119-.003.361-.39.751-.172.829-.129l.011.007c.053.024.147.028.193-.098.023-.063.017-.11-.006-.142-.016-.023-.089-.08-.247-.118Z"/>
                      <path fill-rule="evenodd" d="M11.727 6.719c0-.022.01-.375.01-.557 0-3.07-1.45-6.156-5.015-6.156-3.564 0-5.014 3.086-5.014 6.156 0 .182.01.535.01.557l-.72 1.795a25.85 25.85 0 0 0-.534 1.508c-.68 2.187-.46 3.093-.292 3.113.36.044 1.401-1.647 1.401-1.647 0 .979.504 2.256 1.594 3.179-.408.126-.907.319-1.228.556-.29.213-.253.43-.201.518.228.386 3.92.246 4.985.126 1.065.12 4.756.26 4.984-.126.052-.088.088-.305-.2-.518-.322-.237-.822-.43-1.23-.557 1.09-.922 1.594-2.2 1.594-3.178 0 0 1.041 1.69 1.401 1.647.168-.02.388-.926-.292-3.113a25.78 25.78 0 0 0-.534-1.508l-.72-1.795ZM9.773 5.53c-.13-.286-1.431-.605-3.042-.605h-.017c-1.611 0-2.913.319-3.042.605a.096.096 0 0 0-.01.04c0 .022.008.04.018.056.11.159 1.554.943 3.034.943h.017c1.48 0 2.924-.784 3.033-.943a.095.095 0 0 0 .008-.096Zm-4.32-.989c-.483.022-.896-.529-.922-1.229-.026-.7.344-1.286.828-1.308.483-.022.896.529.922 1.23.027.7-.344 1.286-.827 1.307Zm2.538 0c.483.022.896-.529.922-1.229.026-.7-.344-1.286-.827-1.308-.484-.022-.896.529-.923 1.23-.026.7.344 1.285.828 1.307ZM2.928 8.99a10.674 10.674 0 0 0-.097 2.284c.146 2.45 1.6 3.99 3.846 4.012h.091c2.246-.023 3.7-1.562 3.846-4.011.054-.9 0-1.663-.097-2.285-1.312.26-2.669.41-3.786.396h-.017c-.297.003-.611-.005-.937-.023v2.148c-1.106.154-2.21-.068-2.21-.068V9.107a22.93 22.93 0 0 1-.639-.117Z"/>
                    </svg></i>
                    <span>QQ</span>
                </a>
                <a href="./register.html" class="register">立即注册
        </a>
            </div>
        </form>
    </div>
</div>
  <!-- 尾部 -->
  <footer>
    <div class="footer">
      <!-- 连接和公司地址 -->
      <div class="link-addr">
        <ul class="link">
          <li><a href="#">关于我们</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">联系客服</a></li>
          <li><a href="#">商家入驻</a></li>
          <li><a href="#">营销中心</a></li>
          <li><a href="#">手机品优购</a></li>
          <li><a href="#">友情链接</a></li>
          <li><a href="#">销售联盟</a></li>
          <li><a href="#">品优购社区</a></li>
          <li><a href="#">品优购公益</a></li>
        </ul>
        <p class="addr-coyright"></p>
        地址：北京市昌平区建材城西路金燕龙办公楼一层 
        邮编：100096 电话：400-618-4000 传真：010-82935100 
        邮箱: abc.cn渝ICP备08001421号
      </div>
    </div>
  </footer>
  </body>
  <script src="../javascript/jquery.js"></script>
  <script src="../javascript/login.js"></script>
  <script>
    /* layui.use('form', function() {
        var form = layui.form
          , layer = layui.layer
          , $ = layui.jquery;

        $(function() {
            // 重新生成验证码
            $('#captcha_img').on('click', function() {
                $(this).attr('src', '/captcha.html?rand=' + Math.random());
            });
        });

        // 表单提交
        form.on('submit(login)', function(data) {
            $.post('/home/do_login', data.field, function(res) {
                if (res.code == 0) {
                    // 登录成功
                    layer.msg(res.msg, {
                        icon: 1,
                        time: 1000
                    }, function() {
                        // 跳转到首页
                        location.href = res.url;
                    })
                } else {
                    layer.msg(res.msg, {
                        icon: 2
                    });
                    $('#captcha_img').attr('src', '/captcha.html?rand=' + Math.random());
                }
            }, 'json');
            return false;
        });

        // 表单验证
        form.verify({
            name: function(value, item) {
                if (value.length > 30) {
                    return '长度不能超过30位';
                }
            },
            password: function(value, item) {
                if (value.length > 30) {
                    return '长度不能超过30位';
                }
            },
            captcha: [/^[A-Za-z0-9]{5}$/, '验证码必须为5位数字或字母']
        });
    }); */
</script>
</html>
